<template>
<div class="fff" ref="wrapper">
  <div class="content">
    <ul>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
      <li>标题1</li>
    </ul>
  </div>

</div>
</template>

<script>
import BSCroll from 'better-scroll'

export default {
  name: "Catagory",
  data (){
    return {
      scroll:null,
    }
  },
  mounted() {
    this.scroll= new BSCroll(this.$refs.wrapper,{
      probeType:3,
      pullUpLoad:true
    })
    // this.scroll.on('scroll', (position) => {
    //   console.log(position);
    // })
    // console.log(this.scroll);
    this.scroll.on('pullingUp', () => {
      console.log('上啦加载更多');
    });

  }
}
</script>

<style scoped>
.fff{
  height: 150px;
  background-color: cadetblue;
  overflow: auto;
}


</style>